/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Default Text Element Styles
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
body {
	color: #646257;
}

h1 {

}

h2 {
	font-weight: normal;
}

h3 {
	
}

p {
	font-family: 'DM Sans', sans-serif;
	line-height: 1.4em;
}
@media screen and (max-width: 360px) {
  p {
    font-size: 20px ;
  }
}
@media screen and (min-width: 360px) and (max-width: 1040px) {
  p {
    font-size: calc(20px  +  4  * ((100vw -  360px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  p {
    font-size: 24px ;
  }
}

b, strong {
	font-weight: 600;
}

a {
	
}

li {

}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Fonts
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.txtfnt-1 {
	font-family: 'Playfair Display', serif;
}
.txtfnt-2 {
	font-family: 'DM Sans', sans-serif;
}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// sizes
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* Size 1 */
.txtsz-1 {
	line-height: 1em;
}
@media screen and (max-width: 360px) {
  .txtsz-1 {
    font-size: 26px;
  }
}
@media screen and (min-width: 360px) and (max-width: 1040px) {
  .txtsz-1 {
    font-size: calc(26px  +  49  * ((100vw -  360px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-1 {
    font-size: 75px;
  }
}

/* Size 2 */
.txtsz-2 {
	font-size: 26px;
}

/* Size 3 */
.txtsz-3 {
	line-height: 1em;
}
@media screen and (max-width: 360px) {
  .txtsz-3 {
    font-size: 26px;
  }
}
@media screen and (min-width: 360px) and (max-width: 1040px) {
  .txtsz-3 {
    font-size: calc(26px  +  29  * ((100vw -  360px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-3 {
    font-size: 55px;
  }
}

/* Size 4 */
.txtsz-4 {
	line-height: 1em;
}
@media screen and (max-width: 360px) {
  .txtsz-4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 360px) and (max-width: 1040px) {
  .txtsz-4 {
    font-size: calc(18px  +  8  * ((100vw -  360px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-4 {
    font-size: 26px;
  }
}

/* Size 5 */
.txtsz-5 {
	
}
@media screen and (max-width: 360px) {
  .txtsz-5 {
    font-size: 24px;
  }
}
@media screen and (min-width: 360px) and (max-width: 1040px) {
  .txtsz-5 {
    font-size: calc(24px  +  12  * ((100vw -  360px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-5 {
    font-size: 36px;
  }
}

/* Size 6 */
.txtsz-6 {
	
}
@media screen and (max-width: 640px) {
  .txtsz-6 {
    font-size: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1040px) {
  .txtsz-6 {
    font-size: calc(16px  +  8  * ((100vw -  640px ) / 680 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-6 {
    font-size: 24px;
  }
}

/* Size 7 */
.txtsz-7 {
	line-height: 1em;
}
@media screen and (max-width: 480px) {
  .txtsz-7 {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1040px) {
  .txtsz-7 {
    font-size: calc(20px  +  12  * ((100vw -  480px ) / 560 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-7 {
    font-size: 32px;
  }
}

/* Size 8 */
.txtsz-8 {
	line-height: 1.2em;
}
@media screen and (max-width: 480px) {
  .txtsz-8 {
    font-size: 30px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1040px) {
  .txtsz-8 {
    font-size: calc(30px  +  12  * ((100vw -  480px ) / 560 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-8 {
    font-size: 42px;
  }
}

/* Size 9 */
.txtsz-9 {
	line-height: 1.2em;
}
@media screen and (max-width: 480px) {
  .txtsz-9 {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1040px) {
  .txtsz-9 {
    font-size: calc(24px  +  31  * ((100vw -  480px ) / 560 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-9 {
    font-size: 55px;
  }
}

/* Size 10 */
.txtsz-10 {
	line-height: 1.2em;
}
@media screen and (max-width: 480px) {
  .txtsz-10 {
    font-size: 14px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1040px) {
  .txtsz-10 {
    font-size: calc(14px  +  6  * ((100vw -  480px ) / 560 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-10 {
    font-size: 20px;
  }
}

/* Size 11 */
.txtsz-11 {
	line-height: 1.2em;
}
@media screen and (max-width: 480px) {
  .txtsz-11 {
    font-size: 28px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1040px) {
  .txtsz-11 {
    font-size: calc(30px  +  12  * ((100vw -  480px ) / 560 )) ;
  }
}
@media screen and (min-width: 1040px) {
  .txtsz-11 {
    font-size: 42px;
  }
}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
// Text Classes
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.txtclss-1 {
	
}
.txtclss-2 {
	
}